﻿body {
    font-family: "microsoft yahei", arial;
    margin: 0;
    padding: 0; 
}
div,form,img,ul,ol,li,dl,dt,dd,input {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
.su_ul>li>img {width: 100%;vertical-align:middle;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

.container {
    /*hack ios滚动效果*/
    -webkit-overflow-scrolling: touch;
}
.suxueli_second {
    position: relative;    
}
.pt-30{
    padding-top: 0.6rem;
}
.suxue_form_container {
    border: 1px solid white;
    background-color: #000;
    color: #fff;
    font-size: 0.28rem;
    position: absolute;
    height: 4.1rem;
    left: 1.52rem;
    right: 1.52rem;
    bottom: 0.68rem;
    letter-spacing: 0.06rem;
    box-sizing: border-box;
}

.suxue_form_content {
    margin-bottom: 0.5rem;
    padding-left: 2.32rem
}
.prov,.city {
    width: 1.8rem;
    border-radius: 5px;
    margin-right: 0.2rem;
    font-size: 0.24rem;
    padding: 0 0.1rem;
}
input[type="radio"] {
    vertical-align: middle;
    margin-right: 2px;
}
.el_input {
    border-radius: 5px;
    width: 4.6rem;
}
.suxue_submit_input {
    width: 3.4rem;
    height: 0.5rem;
    font-size: 0.24rem;
    background-color: #d70e26;
    border-radius: 5px;
    color: #fdf0f1;
    display: block;
    margin: 0 auto;
    margin-top: 0.48rem;
    line-height: 0.24rem;
    -webkit-appearance: none;
}
.suxue_secret_tips{
    width:1.68rem;
}

/* 媒体查询基准字号 */
@media only screen and (min-width: 320px){
    html {
        font-size: 22px !important;
    }
    .suxue_form_content{
        padding-left: 0rem;
        margin-bottom: 0.2rem;
    }
    .suxue_form_container{
        letter-spacing: 0rem;
        left: 1.2rem;
        right: 1.2rem;
        font-size: 0.4rem;
    }
    .pt-30{
        padding-top: 0.3rem;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size: 24px !important;
    }
    .suxue_form_content{
        padding-left: 0.2rem;
        margin-bottom: 0.2rem;
    }
    .suxue_form_container{
        letter-spacing: 0.02rem;
        left: 1.52rem;
        right: 1.52rem;
    }
    .pt-30{
        padding-top: 0.6rem;
    }
}
@media only screen and (min-width: 375px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 411px){
    html {
        font-size: 27.6px !important;
    }
    .suxue_form_content{
        padding-left: 0.5rem;
        margin-bottom: 0.2rem;
    }
    .suxue_form_container{
        letter-spacing: 0.06rem;
        font-size: 0.32rem;
    }
@media only screen and (min-width: 450px){
    html {
        font-size: 30px !important;
    }
    .suxue_form_content {
        margin-bottom: 0.5rem;
        padding-left: 2.32rem
    }
}
@media only screen and (min-width: 525px){
    html {
        font-size: 35px !important;
    }
}
@media only screen and (min-width: 600px){
    html {
        font-size: 40px !important;
    }
}
@media only screen and (min-width: 675px){
    html {
        font-size: 45px !important;
    }
}
@media only screen and (min-width: 750px){
    html {
        font-size: 50px !important;
    }
}
@media only screen and (min-width: 768px){
    html {
        font-size: 51.2px !important;
    }
}
@media only screen and (min-width: 1024px){
    html {
        font-size: 68.3px !important;
    }
}
@media only screen and (min-width: 1124px){
    html {
        font-size: 75px !important;
    }
}